/* @import "../common/uni.css" */
/* @import "../../u" */

/* 0.5px边线 */
.u-gap {
	height: 1px;
	background-color: #E6E6E6;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
}

image {
	width: 100%;
	height: 100%;
}

.button {
	border-radius: 50rpx;
	height: 90rpx;
	line-height: 90rpx;
	text-align: center;
	font-size: 30rpx;
}

/* ios安全座底区域 */
.safe-bottom {
	padding-bottom: constant(safe-area-inset-bottom);
	/* 兼容 IOS<11.2 */
	padding-bottom: env(safe-area-inset-bottom);
	/* 兼容 IOS>11.2 */
}

/* 内容背景 + 内边距 */
.row {
	width: 94%;
	margin: 0 auto;
	background-color: var(--accent-bg-color);
	/* padding-left: 20upx; */
	/* padding-right: 20upx; */
	box-sizing: border-box;
	border-radius: 20rpx;
}

/* .default-car {
	padding-top: 20rpx;
	box-sizing: border-box;
	border-radius: 20rpx;
} */

/* 两侧 */
.both-sides {
	margin-left: 20rpx;
	margin-right: 20rpx;
}

/* 底部添加按钮 */
.add-button {
	bottom: 100rpx;
	position: fixed;
	left: 80rpx;
	right: 80rpx;
}

/* // 主要字体颜色 */
.font-18 {
	font-size: 18upx;
	color: var(--primary-text-color);
}

.font-22 {
	font-size: 22upx;
	color: var(--primary-text-color);
}

.font-24 {
	font-size: 24upx;
	font-weight: 400;
	color: var(--primary-text-color);
}

.font-28 {
	font-size: 28upx;
	font-weight: 500;
	color: var(--primary-text-color);
}

.font-red-28 {
	color: red;
	font-size: 28upx;
	font-weight: 500;
}

.font-18-red {
	font-size: 18upx;
	color: red;
	font-weight: 500;
}

.font-22-red {
	font-size: 22upx;
	color: red;
	font-weight: 500;
}


.font-30 {
	font-size: 30upx;
	font-weight: 500;
	color: var(--primary-text-color);
}

.font-36 {
	font-size: 36upx;
	font-weight: 500;
	color: var(--primary-text-color);
}

.font-28-red {
	color: red;
	font-size: 28upx;
	font-weight: 500;
}

.font-36-red {
	color: red;
	font-size: 36upx;
	font-weight: 500;
}

.font-24-blue {
	color: #4362CC;
	font-size: 24upx;
	font-weight: 400;
}

/* //辅助字体颜色 */
.text-assist-18 {
	font-size: 18upx;
	color: var(--assist-text-color);
	font-weight: 400;
}

.text-assist-22 {
	font-size: 22upx;
	color: var(--assist-text-color);
	font-weight: 400;
}

.text-assist-24 {
	font-size: 24upx;
	color: var(--assist-text-color);
	font-weight: 400;
}

.text-assist-26 {
	font-size: 26upx;
	color: var(--assist-text-color);
	font-weight: 400;
}

.text-assist-28 {
	font-size: 28upx;
	color: var(--assist-text-color);
	font-weight: 400;
}

.font-bold {
	font-weight: bold;
}

.fw-600 {
	font-weight: 600;
}

.fw-500 {
	font-weight: 500;
}

.fw-400 {
	font-weight: 400;
}



/* 外边距 */
.m-t-10 {
	margin-top: 10rpx;
}

.m-t-20 {
	margin-top: 20rpx;
}

.m-l-10 {
	margin-left: 10upx;
}

.m-r-10 {
	margin-left: 10upx;
}

.m-r-20 {
	margin-left: 20upx;
}

/* 内边距 */
.p-30 {
	padding: 30rpx;
}

.p-20 {
	padding: 20rpx;
}

.p-l-10 {
	padding-left: 10upx;
}

.p-l-20 {
	padding-left: 20upx;
}

.p-l-30 {
	padding-left: 30upx;
}

.p-t-10 {
	padding-top: 10upx
}

.p-t-20 {
	padding-top: 20upx;
}

.p-t-30 {
	padding-top: 30upx;
}

.p-r-10 {
	padding-right: 10upx;
}

.p-r-20 {
	padding-right: 20upx;
}

.p-b-10 {
	padding-bottom: 10upx;
}

.p-b-20 {
	padding-bottom: 20upx;
}

.p-t-b-30 {
	padding-top: 30upx;
	padding-bottom: 30upx;
}

.p-t-b-20 {
	padding-top: 20upx;
	padding-bottom: 20upx;
}

.p-t-b-10 {
	padding-top: 10upx;
	padding-bottom: 10upx;
}

.p-l-r-20 {
	padding-left: 20upx;
	padding-right: 20upx;
}

.p-l-r-30 {
	padding-left: 30upx;
	padding-right: 30upx;
}

/* 文字方向 */
.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.footer {
	z-index: 999;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 174rpx;
	box-sizing: border-box;
	display: flex;
	background-color: #ffffff;
	align-items: center;
	justify-content: space-between;
}

.placeholder-class {
	color: var(--assist-text-color);
	font-weight: 400;
	font-size: 28upx;
}

.margin-auto {
	margin: 0 auto;
}

.font-assist {
	color: var(--assist-text-color);
	font-size: $font-size-sm;
}

.ji {
	background-color: var(--btn-bg-color);
}

.shou {
	background-color: #e78f45;
}


.mobile {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 999;
}

.mobile1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	width: 80%;
	min-height: 500upx;
	background-color: #fff;
	border-radius: 15upx;
}

.p-r {
	position: relative;
}

/* flex布局 */
.flex {
	display: flex;
	display: -webkit-flex;
}

.f-wrap {
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.f-direction {
	flex-direction: column;
}

.f-center {
	align-items: center;
	-webkit-align-items: center;
}

.f-between {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.f-jcenter {
	justify-content: center;
	-webkit-justify-content: center;
}

.f-around {
	justify-content: space-around;
	-webkit-justify-content: space-around;
}

.f-align-around {
	align-content: space-around;
}

.flex1 {
	flex: 1;
	-webkit-flex: 1;
}

.f-align-end {
	align-items: flex-end;
}

.f-self-end {
	align-self: flex-end;
}

.f-end {
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

.f-align-between {
	align-content: space-between;
}

.flex-direction {
	flex-direction: column;
}

.f-align-start {
	align-items: flex-start;
}

.f-flow {
	flex-flow: column;
}

/* 文本相关样式 */
/* 多余文字省略 */
.t-omit-1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	word-break: break-all;
}

.t-omit-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	word-break: break-all;
}

.t-line-through {
	text-decoration: line-through;
}

.t-underline {
	text-decoration: underline;
}

.t-center {
	text-align: center;
}

.t-right {
	text-align: right;
}

.t-word-all {
	word-break: break-all;
}

.t-left {
	text-align: left;
}

.font-bold {
	font-weight: bold;
}

.font-normal {
	font-weight: normal;
}

.t-indent-2 {
	text-indent: 2em;
}

.t-indent-4 {
	text-indent: 4em;
}

.t-indent-6 {
	text-indent: 6em;
}

.t-ws {
	white-space: nowrap;
}

.o-h {
	overflow: hidden;
}

/*字体样式*/
.fon-20 {
	font-size: 20upx;
}

.fon-24 {
	font-size: 24upx;
}

.fon-26 {
	font-size: 26upx;
}

.fon-28 {
	font-size: 28upx;
}

.fon-30 {
	font-size: 30upx;
}

.fon-32 {
	font-size: 32upx;
}

.fon-36 {
	font-size: 36upx;
}

.fon-40 {
	font-size: 40upx;
}

.fon-48 {
	font-size: 48upx;
}

.fon-50 {
	font-size: 50upx;
}

.fon-60 {
	font-size: 60upx;
}

.fon-70 {
	font-size: 70upx;
}

.fon-80 {
	font-size: 80upx;
}

.fon-90 {
	font-size: 90upx;
}

.fon-100 {
	font-size: 100upx;
}

/* 字体颜色 */
.c-a8 {
	color: #a8a8a8;
}

.c-aaa {
	color: #aaa;
}

.c-fff {
	color: #fff;
}

.c-000 {
	color: #000;
}

.c-260 {
	color: #666;
}

.c-999 {
	color: #999;
}

.c-333 {
	color: #333;
}

.c-606 {
	color: #606060;
}

.c-ff0 {
	color: #FF0000;
}

.c-909 {
	color: #909090;
}

.c-ff6 {
	color: #FF6600;
}

.c-fbbd12 {
	color: #fbbd12;
}

.c-3668fc {
	color: #3668fc;
}

/* 背景样式 */
.bg-fff {
	background-color: #fff;
}

.bg-000 {
	background-color: #000;
}

.bg-f6 {
	background-color: #F5F6F9;
}

.bg-fbbd12 {
	background-color: #fbbd12;
}

/* 边框 */
.b-1 {
	border: 1px solid #aaa;
}

.b-b-1-E2 {
	border-bottom: 1px solid #f5f5f5;
}

.b-t-1-F5 {
	border-top: 1px solid #f5f5f5;
}

.b-b-1-E5 {
	border-bottom: 1px solid #E5E5E5;
}

/* 圆角 */
.b-r-8 {
	border-radius: 8upx;
}

.b-r-15 {
	border-radius: 15upx;
}

.b-r-30 {
	border-radius: 30upx;
}

.b-r-50 {
	border-radius: 50%;
}

.b-s {
	box-shadow: 5px 0px 15px #888888;
}

/*width 百分比*/
.width100 {
	width: 100%;
}

.width90 {
	width: 90%;
}

.width85 {
	width: 85%;
}

.width80 {
	width: 80%;
}

.width70 {
	width: 70%;
}

.width60 {
	width: 60%;
}

.width50 {
	width: 50%;
}

.width40 {
	width: 40%;
}

.width30 {
	width: 30%;
}

.width25 {
	width: 25%;
}
.width20 {
	width: 20%;
}

.width15 {
	width: 15%;
}

.width10 {
	width: 10%;
}

/* 高度 */
.height100 {
	height: 100%;
}

.h100 {
	height: 100upx;
	line-height: 100upx;
}

/* margin */
.ma-0 {
	margin: 0px auto;
}

.ma-10 {
	margin: 10upx;
}

.ma-20 {
	margin: 20upx;
}

.ma-30 {
	margin: 30upx;
}

.ma-40 {
	margin: 40upx;
}

.ma-tb-10 {
	margin-top: 10upx;
	margin-bottom: 10upx;
}

.ma-tb-20 {
	margin-top: 20upx;
	margin-bottom: 20upx;
}

.ma-tb-30 {
	margin-top: 30upx;
	margin-bottom: 30upx;
}

.ma-tb-40 {
	margin-top: 40upx;
	margin-bottom: 40upx;
}

.ma-lr-10 {
	margin-left: 10upx;
	margin-right: 10upx;
}

.ma-lr-20 {
	margin-left: 20upx;
	margin-right: 20upx;
}

.ma-lr-30 {
	margin-left: 30upx;
	margin-right: 30upx;
}

.ma-lr-40 {
	margin-left: 40upx;
	margin-right: 40upx;
}

.ma-t-10 {
	margin-top: 10upx;
}

.ma-t-20 {
	margin-top: 20upx;
}

.ma-t-30 {
	margin-top: 30upx;
}

.ma-t-40 {
	margin-top: 40upx;
}

.ma-t-80 {
	margin-top: 80upx;
}

.ma-b-10 {
	margin-bottom: 10upx;
}

.ma-b-20 {
	margin-bottom: 20upx;
}

.ma-b-30 {
	margin-bottom: 30upx;
}

.ma-b-40 {
	margin-bottom: 40upx;
}

.ma-l-10 {
	margin-left: 10upx;
}

.ma-l-20 {
	margin-left: 20upx;
}

.ma-l-30 {
	margin-left: 30upx;
}

.ma-l-40 {
	margin-left: 40upx;
}

.ma-r-10 {
	margin-right: 10upx;
}

.ma-r-20 {
	margin-right: 20upx;
}

.ma-r-30 {
	margin-right: 30upx;
}

.ma-r-40 {
	margin-right: 40upx;
}

/* padding */
.pa-10 {
	padding: 10upx;
}

.pa-20 {
	padding: 20upx;
}

.pa-30 {
	padding: 30upx;
}

.pa-40 {
	padding: 40upx;
}

.pa-t-10 {
	padding-top: 10upx;
}

.pa-t-20 {
	padding-top: 20upx;
}

.pa-t-30 {
	padding-top: 30upx;
}

.pa-t-40 {
	padding-top: 40upx;
}

.pa-t-100 {
	padding-top: 100upx;
}

.pa-t-150 {
	padding-top: 150upx;
}

.pa-b-10 {
	padding-bottom: 10upx;
}

.pa-b-20 {
	padding-bottom: 20upx;
}

.pa-b-30 {
	padding-bottom: 30upx;
}

.pa-b-40 {
	padding-bottom: 40upx;
}

.pa-b-100 {
	padding-bottom: 100upx;
}

.pa-b-130 {
	padding-bottom: 130upx;
}

.pa-l-10 {
	padding-left: 10upx;
}

.pa-l-20 {
	padding-left: 20upx;
}

.pa-l-30 {
	padding-left: 30upx;
}

.pa-l-40 {
	padding-left: 40upx;
}

.pa-r-10 {
	padding-right: 10upx;
}

.pa-r-20 {
	padding-right: 20upx;
}

.pa-r-30 {
	padding-right: 30upx;
}

.pa-r-40 {
	padding-right: 40upx;
}

.pa-tb-10 {
	padding-top: 10upx;
	padding-bottom: 10upx;
}

.pa-tb-20 {
	padding-top: 20upx;
	padding-bottom: 20upx;
}

.pa-tb-30 {
	padding-top: 30upx;
	padding-bottom: 30upx;
}

.pa-tb-40 {
	padding-top: 40upx;
	padding-bottom: 40upx;
}

.pa-tb-80 {
	padding-top: 80upx;
	padding-bottom: 80upx;
}

.pa-lr-10 {
	padding-right: 10upx;
	padding-left: 10upx;
}

.pa-lr-20 {
	padding-right: 20upx;
	padding-left: 20upx;
}

.pa-lr-30 {
	padding-right: 30upx;
	padding-left: 30upx;
}

.pa-lr-40 {
	padding-right: 40upx;
	padding-left: 40upx;
}

/* 微信分享好友 */
.share {
	position: fixed;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 10;
}

.share-img {
	width: 60%;
	margin-left: 35%;
	margin-top: 30upx;
}

/* 回到顶部 */
.scroll-top {
	position: fixed;
	right: 40upx;
	bottom: 120upx;
	z-index: 1;
	width: 35px;
	height: 35px;
	border-radius: 35px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	-o-border-radius: 35px;
	-ms-border-radius: 35px;
	text-align: center;
	line-height: 35px;
	zoom: 1;
	opacity: 0;
	-webkit-transform: translateY(100px) translateX(0);
	transform: translateY(100px) translateX(0);
	transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	transform-origin: center;
}

.scroll-active {
	opacity: 1;
	-webkit-transform: translateY(-25px) translateX(0);
	transform: translateY(-25px) translateX(0);
}

uni-image>img {
	opacity: 1;
}

.icon_item--icon {
	width: 40upx;
	height: 40upx;
	line-height: 40upx;
	text-align: center;
	border-radius: 50%;
	position: relative;
	z-index: 1;
}

/* 底部tabbar start*/
.footerfixed {
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 999;
	background-color: #FFFFFF;
	box-shadow: 0rpx 0rpx 30rpx 0rpx rgba(0, 0, 0, 0.07);
}


/deep/ .tn-input__text {
	width: 100% !important;
	min-width: auto !important;
	white-space: nowrap !important;
}